@import url('main.less');

@width:100%;
@height:100%;
.jimg{
  height:1rem;
  position:absolute;
  top:0.5rem;
  right:0.5rem;
}
.header{
  height:6rem;
  .lj{
    position: relative;
    height:@height;
    p{
      font-size: 0.7rem;
      font-weight: bold;
    }
    span{
      font-size: 1.5rem;
      //font-weight: bold;
    }
  }
}
.tab-reward{
  background:#fff;
  height:2rem;
  .line{
    width:0.5%;
    height:50%;
    a{
      background:#D0D0D0;
      height:100%;
    }
  }
  .jl-reward{
    width:@width*0.49;
    display: flex;
    a{
      color:#6b6b6b;
      font-size: 0.7rem;
      padding: 0.45rem;
    }
  }
}
.bottom{
  border-bottom: 0.05rem solid #cba66a;
}
.content{
  .p{
    color:#6b6b6b;
    padding:0.25rem;
    text-align: center;
  }
  .jl-item{
    background:#fff;
    height:3.75rem;
    margin-top:0.25rem;
    padding:0 0.7rem;
    .jl-l{
      img{
        width:2.25rem;
      }
      p{
        color:#6b6b6b;
        padding:0.125rem;
      }
    }
    .jl-r{
      .jl-r-tx{
        .tagimg{
          width:0.75rem;
          height:0.75rem;
          display: block;
          background-image: url("../img/popullarize/tagimg1.png");
          background-size:100% 100%;
        }
        span{
          margin-left:0.25rem;
          color:#cba66a;
          font-size: 0.6rem;
          font-weight: bold;
        }
        p{
          color:#303030;
          margin-top:0.45rem;
          font-weight: bold;
          text-align: end;
        }
      }
      p{
        color:#cba66a;
        font-size: 0.75rem;
        //font-weight: bold;
      }
    }
  }
}